<!--
 * @Author: your name
 * @Date: 2020-10-14 17:04:19
 * @LastEditTime: 2020-10-26 18:10:06
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \longh_web\src\components\Nodata\index.vue
-->
<!--  -->
<template>
  <div class="no_data tc">
    <div class="data_tags">
      暂无 <span class="keyword_title"><span v-if="Keywords !=''">“{{Keywords}}”</span></span>相关数据！
    </div>
    <div class="tips_data">请试试其他关键词~</div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: {
    Keywords: {
      type: String, ///type: [String, Number],
      default: "",
    },
  },
  components: {},

  computed: {},

  mounted() {},

  methods: {},
  created() {},
};
</script>
<style lang='less' scoped>
.no_data {
  width: 612px;
  padding-bottom: 150px;
  background-image: url("../../assets/images/nodata.png");
  background-repeat: no-repeat;
  background-size: 612px 332px;
  background-position: center top;
  margin: 0 auto;
  margin-top: 50px;
  .data_tags {
    padding-top: 200px;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #909399;
    .keyword_title {
      color: #188af1;
    }
  }
  .tips_data {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #909399;
    margin-top: 16px;
  }
}
</style>